body {
    background-color: #ffffff;
}

/* 重置默认样式，确保占满屏幕 */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden; /* 防止body出现滚动条 */
}

/* 自定义滚动条的整体样式 */
.custom-scrollbar::-webkit-scrollbar {
    width: 12px;  /* 纵向滚动条宽度 */
    height: 12px; /* 横向滚动条高度 */
}

/* 滚动条轨道 */
.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

/* 滚动条滑块 */
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
    border: 2px solid #f1f1f1; /* 滑块边框 */
}

/* 滑块悬停效果 */
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* 滚动条角落 */
.custom-scrollbar::-webkit-scrollbar-corner {
    background: #f1f1f1;
}

#log-msg {
    height: 100vh; /* 占满整个视口高度 */
    background-color: #fff;
    overflow: auto; /* 内容溢出时显示滚动条 */
    padding: 10px;
    border: 1px solid #ddd;
    box-sizing: border-box; /* 确保内边距包含在高度内 */
}